import Api from "../../utils/api"
import Config from "../../utils/Config"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    iptValue:"",
    inSeach:[],
    HotSeach:{}
  },
  // 输入框内容
  getValue(e){
    // console.log(e.detail.value);
    this.setData({
      iptValue:e.detail.value
    })
  },
  onLoad(){
    this._gethotSeach()
  },
  onShow(){
    this._getjinSeach()
  },
   // 4.点击跳转到相应的页面
   goRecipeList(e){
    let {id,title,tag} = e.currentTarget.dataset
    this.setData({
      iptValue:""
    })
    wx.navigateTo({
      url: `../recipelist/recipelist?id=${id}&title=${title}&tag=${tag}`,
    })
    // (1).把输入的内容存入缓存
    let seach = wx.getStorageSync('seach') || [];
    // 在添加之前先判断是否已经存在该内容 存在返回0 不存在返回-1
   let findIndex = seach.findIndex((item)=>{
      return item == title
  })
   if(findIndex==-1){
    //(2)不存在的话 将查询到的内容添加到第一项
    seach.unshift(title)
   }else{
    //  如果存在的话就删除对应的哪一项 并且重新在第一个添加
     seach.splice(findIndex,1)
     seach.unshift(title)
   }
    // console.log(findIndex);
    //(3). 取缓存里面的内容
    wx.setStorageSync('seach', seach)
  },
  // 获取近期搜索的数据
  _getjinSeach(){
    let res = wx.getStorageSync('seach')
    this.setData({
      inSeach:res
    })
  },
  // 获取热门搜索的数据
 async _gethotSeach(){
   let orderBy = {
    field:"views",
    sort:"desc"
   }
  //  status 状态为1显示 6显示6个 1 显示一页
  let res = await Api.find(Config.tables.recipesTable,{status:1},6,1,orderBy)
  console.log(res);
  this.setData({
    HotSeach:res.data
  })
  },
    // 跳转到详情页面
    getRecipeDetal(e){
      // 将数据获取出来后进行页面跳转
      let {id,recipesname} = e.currentTarget.dataset
      console.log(id,recipesname);
      
      wx.navigateTo({
        url: `../recipeDetail/recipeDetail?id=${id}&recipesname=${recipesname}`,
      })
      
    },
    // 近期搜索跳转
    goRecipeList(e){
      let {id,title,tag} = e.currentTarget.dataset
      // 将首页的搜索框内容也存入缓存中
      if(tag == "search"){
        let seach = wx.getStorageSync('seach') || [];
        // 在添加之前先判断是否已经存在该内容 存在返回0 不存在返回-1
       let findIndex = seach.findIndex((item)=>{
          return item == title
      })
       if(findIndex==-1){
        //(2)不存在的话 将查询到的内容添加到第一项
        seach.unshift(title)
       }else{
        //  如果存在的话就删除对应的哪一项 并且重新在第一个添加
         seach.splice(findIndex,1)
         seach.unshift(title)
       }
        // console.log(findIndex);
        //(3). 取缓存里面的内容
        wx.setStorageSync('seach', seach)
      }
      // 跳转 并将id 与title传递过去
      this.setData({
        iptValue:""
      })
      wx.navigateTo({
        url: `../recipelist/recipelist?id=${id}&title=${title}&tag=${tag}`,
      })
    },
})